.yspace {
    .ycontainer {
        .yheader {
            padding-top: 30px;

            button {
                background: #8479E3;
                width: 96px;
                height: 32px;
                font-size: 14px;
            }


        }

        .yform {

            .ysearch {
                margin-top: 20px;
                background-color: #fbfbfd;

                padding: 20px;
                border-radius: 5px;

                .yselect-building {
                    width: 210px;
                    height: 32px;

                }

                .yform {
                    overflow: hidden;
                    transition: all 0.5s;
                }

                .yselect-floor {
                    width: 120px;
                    height: 32px;
                    margin: 0 20px;

                }

                .yspace-name {
                    width: 299px;
                    height: 32px;
                }

                .ytitle {
                    padding-top: 5px;
                    margin-right: 50px;
                    color: #939BAB;
                    font-size: 12px;
                }

                .ystatus {
                    display: flex;
                    padding: 20px 0;
                    height: 64px;


                }

                .yarea {
                    display: flex;
                    height: 44px;
                    padding-bottom: 20px;

                    input {
                        width: 120px;
                        height: 28px;

                    }

                    span {

                        line-height: 30px;
                        margin: 0 20px;
                        font-size: 20px;
                    }
                }

                .yfitment {
                    display: flex;
                    height: 44px;
                    padding-bottom: 20px;
                }

                .yorientation {
                    display: flex;
                    height: 24px;
                }

                .ybtn {
                    padding-bottom: 10px;
                    overflow: hidden;

                    button {
                        width: 96px;
                        height: 32px;
                        background: #8479E3;

                    }

                }

            }
        }

        .ytable {
            margin-top: 20px;
        }
    }

    .ycompile {
        .ytab {
            .ytablist {
                display: flex;
                width: 660px;
                height: 42px;
                /* line-height: 42px; */
                margin: 0 auto;
                border: 1px solid #DBDEE3;
                border-radius: 42px;
                padding: 10px 0;

                .ytabs {
                    flex: 1;
                    text-align: center;
                    border-right: 1px solid #C8C8C8;
                    cursor: pointer;
                }

                .ytabs:last-child {
                    border-right: none !important;
                }
            }
        }

        .switch {
            background-color: rgba(117, 196, 118, 0.10);
        }
    }
}

:where(.css-dev-only-do-not-override-1x0dypw).ant-switch.ant-switch-checked {
    background-color: #fff;
}

:where(.css-dev-only-do-not-override-1x0dypw).ant-switch.ant-switch-checked .ant-switch-inner {
    background-color: #f1f9f1 !important;

}

:where(.css-dev-only-do-not-override-1x0dypw).ant-switch.ant-switch-checked .ant-switch-inner .ant-switch-inner-checked {
    color: #75C476 !important;
}

:where(.css-dev-only-do-not-override-1x0dypw).ant-switch .ant-switch-inner {
    background-color: #fef0f0 !important;
}

:where(.css-dev-only-do-not-override-1x0dypw).ant-switch .ant-switch-inner .ant-switch-inner-unchecked {
    color: #F97171;
}

:where(.css-dev-only-do-not-override-1x0dypw).ant-btn-variant-solid:not(:disabled):not(.ant-btn-disabled):hover {
    background-color: #8479E3;
}

:where(.css-dev-only-do-not-override-1x0dypw).ant-checkbox-checked .ant-checkbox-inner {
    background-color: #8479E3;
    border: 1px solid #8479E3;
}


:where(.css-dev-only-do-not-override-1x0dypw).ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: #8479E3;


}

:where(.css-dev-only-do-not-override-1x0dypw).ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner,
:where(.css-dev-only-do-not-override-1x0dypw).ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner {
    border: 1px solid #8479E3;
}

:where(.css-dev-only-do-not-override-1x0dypw).ant-input-outlined:hover {
    border: 1px solid #8479E3;

}

:where(.css-dev-only-do-not-override-1x0dypw).ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
    border: 1px solid #8479E3;
}

:where(.css-dev-only-do-not-override-1x0dypw).ant-input {
    border-radius: 2px;
}

:where(.css-dev-only-do-not-override-1x0dypw).ant-input-outlined:focus,
:where(.css-dev-only-do-not-override-1x0dypw).ant-input-outlined:focus-within {
    border: 1px solid #8479E3;
    box-shadow: 0 0 0 2px rgba(132, 121, 227, 0.1);
}